{% extends "layouts/base-fullscreen.html" %}

{% block title %} Login {% endblock %}

{% block content %}   

    <div class="auth-wrapper">
        <div class="auth-content">
            <div class="auth-bg">
                <span class="r"></span>
                <span class="r s"></span>
                <span class="r s"></span>
                <span class="r"></span>
            </div>
            <div class="card">
                <div class="card-body text-center">
                    <div class="mb-4">
                        <i class="feather icon-briefcase auth-icon"></i>
                    </div>
                    <h3 class="mb-4">Add a new bag</h3>

                    <span class="mb-0 text-muted">
                        {% if msg %}
                            {{ msg | safe }}
                        {% else %}
                            Add a new bag
                        {% endif %} 
                    </span>
                    
                    <br />
                    <br />

                    <form role="form" method="post" action="">
                        {% csrf_token %}
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="bag_name" placeholder="Bag's type" required>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="bag_color" placeholder="Bag's color" required>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="designer_name" placeholder="Designer's name" required>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="price_per_day" placeholder="Bag's price per day" required>
                        </div>
                        <button type="submit" name="add_bag" class="btn btn-primary shadow-2 mb-4">Add</button>
                            
                    </form>

                    <p class="mb-0 text-muted">Don't want to add it anymore ? <a href="/" >Return</a></p>
                    <br />
                </div>
            </div>
        </div>
    </div>

{% endblock content %}